﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<div class="modal-dialog" role="document" style="width: 1200px;">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title"><fmt:message key="assessor.64" /> <fmt:message key="assessor.456" /></h4>
    </div>
    <div class="messages hide">
      <c:forEach var="strongAnchorScore" items="${strongAnchorScores}">
            <div class="strong" data-com="${strongAnchorScore.key}" data-effective="${competency[strongAnchorScore.key].effective}" data-ineffective="${competency[strongAnchorScore.key].inEffective}">
              <c:forEach var="scoreMapper" items="${strongAnchorScore.value}">
                <div class="anchor">
                  <input type="hidden" name="name" value='<fmt:message key="${scoreMapper.name}"></fmt:message>'>
                  <input type="hidden" name="sDesc" value='<fmt:message key="${scoreMapper.sDesc}"></fmt:message>'>
                  <input type="hidden" name="cDesc" value='<fmt:message key="${scoreMapper.cDesc}"></fmt:message>'>
                  <input type="hidden" name="dnDesc" value='<fmt:message key="${scoreMapper.dnDesc}"></fmt:message>'>
                  <input type="hidden" name="score" value='${scoreMapper.score}'>
                </div>
              </c:forEach>
            </div>
          </c:forEach>
          <c:forEach var="weakAnchorScore" items="${weakAnchorScores}">
            <div class="weak" data-com="${weakAnchorScore.key}" data-effective="${competency[weakAnchorScore.key].effective}" data-inEffective="${competency[weakAnchorScore.key].inEffective}">
              <c:forEach var="scoreMapper" items="${weakAnchorScore.value}">
                <div class="anchor">
                  <input type="hidden" name="name" value='<fmt:message key="${scoreMapper.name}"></fmt:message>'>
                  <input type="hidden" name="sDesc" value='<fmt:message key="${scoreMapper.sDesc}"></fmt:message>'>
                  <input type="hidden" name="cDesc" value='<fmt:message key="${scoreMapper.cDesc}"></fmt:message>'>
                  <input type="hidden" name="dnDesc" value='<fmt:message key="${scoreMapper.dnDesc}"></fmt:message>'>
                  <input type="hidden" name="score" value='${scoreMapper.score}'>
                </div>
              </c:forEach>
            </div>
          </c:forEach>
    </div>
    <form class="form-horizontal" method="POST" action="${ctx.host}/sessions/${sessionCalibration.session.id}/peer-calibrations/${sessionCalibration.id}/overall-advantage-disadvantage-submit" data-validate="true">
      <input type="hidden" name="_method" value="PATCH">
      <input type="hidden" name="id" value="${comment.id}">
      <div class="modal-body competency-box">
        <ul class="list-unstyled instruction-list">
          <li><fmt:message key="assessor.417" /><%-- <a href=""><fmt:message key="assessor.418" /></a> --%></li>
          <li><fmt:message key="assessor.419" /></li>
        </ul>
        
        <div class="col-xs-12">
          <div class="competency-summary" style="height: 550px;overflow-y: scroll; margin-top: 30px;">
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.420" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="strengthOne" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.strengthOne eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="strengthOneTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.strengthOneTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.strengthOneTitle}" />
                  <%-- <c:if test="${not empty comment.strengthOneOther}">
                    <input type="text" name="strengthOneOther" data-type="strength" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.strengthOneOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="strengthOneComment" data-type="strength" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.strengthOneComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio strongOne">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.470" />"><input type="checkbox" name="choose" value="strengthOne" ${comment.selectedSuggests['strengthOne'] != null ? 'checked' : ''} data-choose="strength"> <fmt:message key="assessor.423" /></label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['strengthOne']}</textarea>
                </div>
              </div>
            </div>
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.425" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="strengthTwo" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.strengthTwo eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="strengthTwoTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.strengthTwoTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.strengthTwoTitle}" />
                  <%-- <c:if test="${not empty comment.strengthTwoOther}">
                    <input type="text" name="strengthTwoOther" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.strengthTwoOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="strengthTwoComment" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.strengthTwoComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.470" />"> <input type="checkbox" name="choose" ${comment.selectedSuggests['strengthTwo'] != null ? 'checked' : ''} data-type="strength" data-choose="strength" value="strengthTwo"> <fmt:message key="assessor.423" />
                    </label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" data-type="strength" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['strengthTwo']}</textarea>
                </div>
              </div>
            </div>
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.426" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="strengthThree" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.strengthThree eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="strengthThreeTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.strengthThreeTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.strengthThreeTitle}" />
                  <%-- <c:if test="${not empty comment.strengthThreeOther}">
                    <input type="text" name="strengthThreeOther" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.strengthThreeOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="strengthThreeComment" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.strengthThreeComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.470" />"> <input type="checkbox" name="choose" ${comment.selectedSuggests['strengthThree'] != null ? 'checked' : ''} data-type="strength" data-choose="strength" value="strengthThree"> <fmt:message key="assessor.423" />
                    </label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" data-type="strength" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['strengthThree']}</textarea>
                </div> 
              </div>
            </div>
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.427" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="dnOne" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.dnOne eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="dnOneTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.dnOneTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.dnOneTitle}" />
                  <%-- <c:if test="${not empty comment.dnOneOther}">
                    <input type="text" name="dnOneOther" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.dnOneOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="dnOneComment" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.dnOneComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio dnOne">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.510" />"> <input type="checkbox" name="choose" ${comment.selectedSuggests['dnOne'] != null ? 'checked' : ''} value="dnOne" data-choose="development"> <fmt:message key="assessor.423" />
                    </label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['dnOne']}</textarea>
                </div>
              </div>
            </div>
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.428" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="dnTwo" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.dnTwo eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="dnTwoTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.dnTwoTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.dnTwoTitle}" />
                  <%-- <c:if test="${not empty comment.dnTwoOther}">
                    <input type="text" name="dnTwoOther" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.dnTwoOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="dnTwoComment" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.dnTwoComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.510" />"> <input type="checkbox" name="choose" ${comment.selectedSuggests['dnTwo'] != null ? 'checked' : ''} value="dnTwo" data-choose="development"> <fmt:message key="assessor.423" />
                    </label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['dnTwo']}</textarea>
                </div>
              </div>
            </div>
            <div class="form-group ihg-form-group">
              <label for="" class="col-xs-2 control-label" style="padding-left: 0px; padding-right: 0px;"><fmt:message key="assessor.429" /></label>
              <div class="col-xs-10">
                <div class="col-xs-6">
                  <select name="dnThree" class="form-control select2" data-placeholder="<fmt:message key="assessor.421" />">
                    <option value=""></option>
                    <c:forEach var="type" items="${enums['SessionCompetencyType']}">
                      <option value="${type}" ${comment.dnThree eq type ? 'selected' : ''} data-name="${type.description}"><fmt:message key="${type.message}" /></option>
                    </c:forEach>
                  </select>
                  <input type="text" name="dnThreeTitle" style="margin-top: 10px;" class="selecte2 form-control ${comment.dnThreeTitle != null ? '' : 'hide'}" data-placeholder="<fmt:message key="assessor.466" />" value="${comment.dnThreeTitle}" />
                  <%-- <c:if test="${not empty comment.dnThreeOther}">
                    <input type="text" name="dnThreeOther" style="margin-top: 10px;" class="selecte2 form-control" placeholder="<fmt:message key="assessor.467" />" value="${comment.dnThreeOther}">
                  </c:if> --%>
                  <textarea class="form-control scorllbar-textarea" name="dnThreeComment" placeholder="<fmt:message key="assessor.422" />
                  ">${comment.dnThreeComment}</textarea>
                </div>
                <div class="col-xs-6">
                  <div class="radio">
                    <label data-toggle="popover" data-placement="bottom" data-content="<fmt:message key="assessor.510" />"> <input type="checkbox" name="choose" ${comment.selectedSuggests['dnThree'] != null ? 'checked' : ''} value="dnThree" data-choose="development"> <fmt:message key="assessor.423" />
                    </label>
                  </div>
                  <textarea class="form-control scorllbar-textarea" name="chooseComment" placeholder="<fmt:message key="assessor.424" />">${comment.selectedSuggests['dnThree']}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal"><fmt:message key="assessor.460" /></button>
        <button type="submit" class="btn btn-success" style="background: #70AD47;"><fmt:message key="assessor.462" /></button>
      </div>
    </form>
  </div>
</div>